import { Component, OnInit } from '@angular/core';

// 导入路由服务
import { Router } from '@angular/router';

// 导入storage服务
import { StorageService } from '../../service/storage.service';

@Component({
  selector: 'app-tag-list',
  templateUrl: './tag-list.component.html',
  styleUrls: ['./tag-list.component.css']
})


export class TagListComponent implements OnInit {
  // 数组泛型
  private tagList:Array<object>;
  // private tagList:{
  //   id:number,
  //   name:string
  // }[];
  constructor(
    private router: Router,
    private storage:StorageService
  ) {
    
    // this.tagList=[
    //   {
    //     id:1,
    //     name:'朋友'
    //   },
    //   {
    //     id:2,
    //     name:'家人'
    //   },
    //   {
    //     id:3,
    //     name:'同事'
    //   }
    // ]
   
   }

  ngOnInit() {
    this.tagList=this.storage.tagList;
  }

  editHandle(id:number):void{
    // this.router.navigate(['/tagedit',id]);
    this.router.navigateByUrl(`/tagedit?id=${id}`);
  }

  delHandle(id:number):void{
    if(confirm('确认删除?')){
      this.storage.tagDel(id);
      alert('删除成功');
    }
  }

}
